<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="css/top.css">
		<link rel="stylesheet" type="text/css" href="css/lunbo.css">
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/public.js"></script>
		<link rel="stylesheet" type="text/css" href="css/vipcenter.css">
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
		<script src="../res/layui/layui.js"></script>
		<style type="text/css">
			#bu{
				background-color: #007DDB;
			}
			
			
			
		</style>
	</head>

	<body>
		<!--顶部菜单有改动与首页的不一样，请单独调用-->
		<div class="dy1" id="as">
			<div class="dy2">
				<a href="#" class="dy5">购物车</a>
				<ul class="dy4">
					<li>
						<a href="/g4/xxm/index.html">首页<br/>首页</a>
					<li>
						<a href="/g4/xxm/login.html">登录<br/>登录</a>
					</li>
					
					</li>
				</ul>
			</div>
		</div>
		<!--全部商品分类-->
		<div class="qbspfl" >
			<div class="djfl" id="bu">
				个人账户
			</div>

		</div>
		<script>
			$(function() {
				$("#banner_menu_wrap").mouseleave(function() {
					$(this).hide()
					$("#big_banner_wrap").hide()
				});
				$(".djfl").mouseenter(function() {
					$("#big_banner_wrap").show()
					$("#banner_menu_wrap").show()
				});
			})
		</script>
		<!--banner轮播引入lunbo.css和daohang.js-->

		<script src="js/daohang.js"></script>

		<script>
			layui.use(['table', 'layer', 'form'], function() {
				var table = layui.table;
				var layer = layui.layer;
				var form = layui.form;
				var $ = layui.$;

				$.post("/g4/order/selectlist", {orderstatus:2}, function(res) {
					if(res.code === '0') {
						for(var i = 0; i < res.data.length; i++) {
							var code = orderlist(res.data[i]);
							$("#order").append($(code));
						}
					} else {
						layer.msg("获取失败")
					}
				}, 'json');

			});
		</script>
		<!--个人中心首页 -->
		<div class="thetoubu">
			<!--头部-->
			<div class="thetoubu1">
				<b>
        	<img src="img/touxiang.png"/>
        </b>
				<em>czz1994612</em>
				<em>欢迎来到会员中心</em>
				<a href="#">地址管理</a>
				<a href="#">修改资料</a>
				<h5>账户安全</h5>
				<strong>低</strong>
				<span>
        	<p style=" width:27%"></p>
        </span>
				<a href="#">安全等级提升</a>
				<em style=" padding-right:2px">手机</em>
				<a href="#" style=" padding-left:2px; float:left; display:block; color:#f00" title="点击绑定">未绑定</a>

			</div>
			<!--详细列表-->
			<div class="xiangxilbnm">
				<!--left-->
				<div class="liefyu">
					<h2>交易管理</h2>
					<div class="conb">
						<a href="checkout.html">我的购物车</a>
						<a href="#">我的订单</a>
					</div>

					<h2>资料管理</h2>
					<div class="conb">
						<a href="#">账户信息</a>
						<a href="#">账户安全</a>
						<a href="#">收货地址</a>

					</div>
				</div>
				<script type="text/javascript">
					$(function() { //第一步都得写这个
						$(".liefyu h2").click(function() { //获取title，并且让他执行下面的函数
							$(this) /*点哪个就是哪个*/ .next(".conb") /*哪个标题下面的con*/ .slideToggle() /*打开/折叠*/ .siblings /*锁定同级元素*/ (".con").slideUp() /*同级元素折叠起来*/
						})
					})
				</script>
				<!--right-->

				<!--lll-->
				<div class="dfdaspjtk" id="as">
					<span style=" display:block; float:left; font-size:14px; font-weight:bold; line-height:34px; padding-left:20px; padding-right:20px; color:#666">交易提醒</span>
					<a href="vipcenter.html" style="color:#09f">全部订单&nbsp;</a>
					<a href="vipcenter2.html">待付款&nbsp;</a>
					<a href="vipcenter3.html">待发货&nbsp;</a>
					<a href="vipcenter4.html">待收货&nbsp;</a>
                    <a href="vipcenter5.html">完成交易&nbsp;</a>
				</div>
				<script>
					$(function() {
						$(".dfdaspjtk a").click(function() {
							$(this).css({
								color: "#09f"
							}).siblings().css({
								color: "#333"
							})
						})
					})

					function orderlist(a) {
						return "<div class='gzdlbdzzl'>" +
							<!--左-->
							"			<div class='spzhaopin'>                                  " +
							"				<a href='#'><img src='images/" + a.picurl + "' /></a>               " +
							"			</div>                                                               " +
							<!--中-->                                                                      
							"			<div class='youstdongi'>                                             " +
							"				<a href='#'>                                                     " +
							"					<h5>" + a.pname + "</h5></a>                                 " +
							"				<span>下单时间：" + a.creattime + "</span>                          " +
							"				<span style=' color:#09f'>订单状态：" + a.orderstate + "</span>     " +
							"				<span>订单金额：<s>￥" + a.price + "</s>                             " +
							"        <s style='color:#666; margin-left:10px'>(1)件</s>                        " +
							"        <s style='color:#666; margin-left:10px'>免运费</s>                                " +
							"        <s style='color:#666; margin-left:10px'>在线支付</s>                              " +
//							"        <a href='#' style='margin-left:10px'>小明的店铺</a>                               " +
//							"        <a href='#' style='margin-left:10px'>取消订单</a>                                 " +
//							"        <a href='#' style='color:#F00; cursor:pointer; float:right'>删除</a></span>       " +
							"			</div>                                                                         " +
							                                                                
						
							"</div>"
							

					}
				</script>
				<!--所有列表-->
				<div class="sydlbdzz" id='order'>
					
				</div>
				<!--所有列表结束-->
				<!--我的购物车-->

				<!--right结束-->
			</div>
			<!--详细列表结束-->
		</div>
		<!--个人中心结束-->
		<!--页脚-->
		<!--footer-->
		<div class="footer" id="yi">
			<div class="box" style=" width:1226px; margin:0 auto">
				<ul class="lian">
					<li>
						<p><img src="img/fot.png">新手指南</p>
						<a href="#">账户注册</a>
						<a href="#">购物流程</a>
						<a href="#">网站地图</a>
					</li>
					<li>
						<p><img src="img/fot1.png">支付方式</p>
						<a href="#">货到付款</a>
						<a href="#">在线支付</a>
						<a href="#">礼品卡及账户余额</a>
						<a href="#">其他支付方式</a>
					</li>
					<li>
						<p><img src="img/fot2.png">配送说明</p>
						<a href="#">配送运费</a>
						<a href="#">配送时间</a>
					</li>
					<li>
						<p><img src="img/fot3.png">售后服务</p>
						<a href="#">退换货政策</a>
						<a href="#">退换货办理流程</a>
						<a href="#">退换货网上办理</a>
						<a href="#">退款说明</a>
					</li>
					<li>
						<p><img src="img/fot4.png">关于我们</p>
						<a href="#">公司简介</a>
						<a href="#">合作专区</a>
						<a href="#">联系我们</a>
						<a href="#">友情链接</a>
					</li>
					<li>
						<p><img src="img/fot5.png">帮助中心</p>
						<a href="#">找回密码</a>
						<a href="#">邮件订阅</a>
						<a href="#">产品册订阅</a>
						<a href="#">隐私声明</a>
					</li>
				</ul>
				<ul class="adv">
					<li><img src="img/adv.png">正品保障</li>
					<li><img src="img/adv1.png">免运费</li>
					<li><img src="img/adv2.png">送货上门</li>
					<li style="border-right:none;"><img src="img/adv3.png">实物拍摄</li>
				</ul>
				<p class="ad">地址：山东省济南市天桥区历山北路黄台电子商务产业园1020室 &nbsp;&nbsp;&nbsp;邮箱：xgm@8and9.com.cn &nbsp;&nbsp;&nbsp;邮编:210008 &nbsp;&nbsp;&nbsp;电话:025-83218155</p>
				<p class="ad">Copyright © 2010 - 2013, 版权所有 SHUIGUO.COM &nbsp;&nbsp;&nbsp;苏ICP备10088888号-1</p>
			</div>
		</div>

	</body>

</html>